@import url(../css/Pad.css) screen and (max-width: 768px);
@import url(../css/Mobile.css) screen and (max-width: 480px);
/*
* 标识
*/
body:after {
  display: block;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: 'Pc';
}
/*
* 栅格
*/
.row {
  width: 102%;
  *zoom: 1;
}
.row:before,
.row:after {
  content: " ";
  display: table;
  clear: both;
}
.span-1,
.full-row .row .span-1 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 4.25%;
}
.span-2,
.full-row .row .span-2 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 10.5%;
}
.span-3,
.full-row .row .span-3 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 16.75%;
}
.span-4,
.full-row .row .span-4 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 23%;
}
.span-5,
.full-row .row .span-5 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 29.25%;
}
.span-6,
.full-row .row .span-6 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 35.5%;
}
.span-7,
.full-row .row .span-7 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 41.75%;
}
.span-8,
.full-row .row .span-8 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 48%;
}
.span-9,
.full-row .row .span-9 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 54.25%;
}
.span-10,
.full-row .row .span-10 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 60.5%;
}
.span-11,
.full-row .row .span-11 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 66.75%;
}
.span-12,
.full-row .row .span-12 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 73%;
}
.span-13,
.full-row .row .span-13 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 79.25%;
}
.span-14,
.full-row .row .span-14 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 85.5%;
}
.span-15,
.full-row .row .span-15 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 91.75%;
}
.span-16,
.full-row .row .span-16 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 98%;
}
.span-17,
.full-row .row .span-17 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 104.25%;
}
.span-18,
.full-row .row .span-18 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 110.5%;
}
.span-19,
.full-row .row .span-19 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 116.75%;
}
.span-20,
.full-row .row .span-20 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 123%;
}
.span-21,
.full-row .row .span-21 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 129.25%;
}
.span-22,
.full-row .row .span-22 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 135.5%;
}
.span-23,
.full-row .row .span-23 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 141.75%;
}
.span-24,
.full-row .row .span-24 {
  float: left;
  transition: .2s width ease;
  margin-right: 2%;
  *margin-right: 1.89%;
  width: 148%;
}
/*
* 工具
*/
.pull-right {
  float: right;
  _display: inline;
}
.center {
  clear: both;
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  left: -1%;
}
.pull-left-1 {
  position: relative;
  left: -6.25%;
}
.pull-left-2 {
  position: relative;
  left: -12.5%;
}
.pull-left-3 {
  position: relative;
  left: -18.75%;
}
.pull-left-4 {
  position: relative;
  left: -25%;
}
.pull-left-5 {
  position: relative;
  left: -31.25%;
}
.pull-left-6 {
  position: relative;
  left: -37.5%;
}
.pull-left-7 {
  position: relative;
  left: -43.75%;
}
.pull-left-8 {
  position: relative;
  left: -50%;
}
.pull-left-9 {
  position: relative;
  left: -56.25%;
}
.pull-left-10 {
  position: relative;
  left: -62.5%;
}
.pull-left-11 {
  position: relative;
  left: -68.75%;
}
.pull-left-12 {
  position: relative;
  left: -75%;
}
.pull-left-13 {
  position: relative;
  left: -81.25%;
}
.pull-left-14 {
  position: relative;
  left: -87.5%;
}
.pull-left-15 {
  position: relative;
  left: -93.75%;
}
.pull-left-16 {
  position: relative;
  left: -100%;
}
.pull-left-17 {
  position: relative;
  left: -106.25%;
}
.pull-left-18 {
  position: relative;
  left: -112.5%;
}
.pull-left-19 {
  position: relative;
  left: -118.75%;
}
.pull-left-20 {
  position: relative;
  left: -125%;
}
.pull-left-21 {
  position: relative;
  left: -131.25%;
}
.pull-left-22 {
  position: relative;
  left: -137.5%;
}
.pull-left-23 {
  position: relative;
  left: -143.75%;
}
.pull-left-24 {
  position: relative;
  left: -150%;
}
.pull-right-1 {
  position: relative;
  left: 6.25%;
}
.pull-right-2 {
  position: relative;
  left: 12.5%;
}
.pull-right-3 {
  position: relative;
  left: 18.75%;
}
.pull-right-4 {
  position: relative;
  left: 25%;
}
.pull-right-5 {
  position: relative;
  left: 31.25%;
}
.pull-right-6 {
  position: relative;
  left: 37.5%;
}
.pull-right-7 {
  position: relative;
  left: 43.75%;
}
.pull-right-8 {
  position: relative;
  left: 50%;
}
.pull-right-9 {
  position: relative;
  left: 56.25%;
}
.pull-right-10 {
  position: relative;
  left: 62.5%;
}
.pull-right-11 {
  position: relative;
  left: 68.75%;
}
.pull-right-12 {
  position: relative;
  left: 75%;
}
.pull-right-13 {
  position: relative;
  left: 81.25%;
}
.pull-right-14 {
  position: relative;
  left: 87.5%;
}
.pull-right-15 {
  position: relative;
  left: 93.75%;
}
.pull-right-16 {
  position: relative;
  left: 100%;
}
.pull-right-17 {
  position: relative;
  left: 106.25%;
}
.pull-right-18 {
  position: relative;
  left: 112.5%;
}
.pull-right-19 {
  position: relative;
  left: 118.75%;
}
.pull-right-20 {
  position: relative;
  left: 125%;
}
.pull-right-21 {
  position: relative;
  left: 131.25%;
}
.pull-right-22 {
  position: relative;
  left: 137.5%;
}
.pull-right-23 {
  position: relative;
  left: 143.75%;
}
.pull-right-24 {
  position: relative;
  left: 150%;
}
.row .row {
  _width: 98.03921569%;
  _overflow: hidden;
}
.row .row .span-1,
.row .row .span-2,
.row .row .span-3,
.row .row .span-4,
.row .row .span-5,
.row .row .span-6,
.row .row .span-7,
.row .row .span-8,
.row .row .span-9,
.row .row .span-10,
.row .row .span-11,
.row .row .span-12,
.row .row .span-13,
.row .row .span-14,
.row .row .span-15,
.row .row .span-16,
.row .row .span-17,
.row .row .span-18,
.row .row .span-19,
.row .row .span-20,
.row .row .span-21,
.row .row .span-22,
.row .row .span-23,
.row .row .span-24 {
  _margin-right: 1.8%;
}
/*
* 无间距模式
*/
.full-row {
  width: 100%;
  *zoom: 1;
}
.full-row:before,
.full-row:after {
  content: " ";
  display: table;
  clear: both;
}
.full-row .span-1,
.full-row .span-2,
.full-row .span-3,
.full-row .span-4,
.full-row .span-5,
.full-row .span-6,
.full-row .span-7,
.full-row .span-8,
.full-row .span-9,
.full-row .span-10,
.full-row .span-11,
.full-row .span-12,
.full-row .span-13,
.full-row .span-14,
.full-row .span-15,
.full-row .span-16,
.full-row .span-17,
.full-row .span-18,
.full-row .span-19,
.full-row .span-20,
.full-row .span-21,
.full-row .span-22,
.full-row .span-23,
.full-row .span-24 {
  _margin-right: 0;
}
.full-row [class*="span"],
.full-row [class*="midd"],
.full-row [class*="smal"] {
  margin-right: 0;
}
.full-row .span-1 {
  width: 6.25%;
  *width: 6.14%;
}
.full-row .span-2 {
  width: 12.5%;
  *width: 12.39%;
}
.full-row .span-3 {
  width: 18.75%;
  *width: 18.64%;
}
.full-row .span-4 {
  width: 25%;
  *width: 24.89%;
}
.full-row .span-5 {
  width: 31.25%;
  *width: 31.14%;
}
.full-row .span-6 {
  width: 37.5%;
  *width: 37.39%;
}
.full-row .span-7 {
  width: 43.75%;
  *width: 43.64%;
}
.full-row .span-8 {
  width: 50%;
  *width: 49.89%;
}
.full-row .span-9 {
  width: 56.25%;
  *width: 56.14%;
}
.full-row .span-10 {
  width: 62.5%;
  *width: 62.39%;
}
.full-row .span-11 {
  width: 68.75%;
  *width: 68.64%;
}
.full-row .span-12 {
  width: 75%;
  *width: 74.89%;
}
.full-row .span-13 {
  width: 81.25%;
  *width: 81.14%;
}
.full-row .span-14 {
  width: 87.5%;
  *width: 87.39%;
}
.full-row .span-15 {
  width: 93.75%;
  *width: 93.64%;
}
.full-row .span-16 {
  width: 100%;
  *width: 99.89%;
}
.full-row .span-17 {
  width: 106.25%;
  *width: 106.14%;
}
.full-row .span-18 {
  width: 112.5%;
  *width: 112.39%;
}
.full-row .span-19 {
  width: 118.75%;
  *width: 118.64%;
}
.full-row .span-20 {
  width: 125%;
  *width: 124.89%;
}
.full-row .span-21 {
  width: 131.25%;
  *width: 131.14%;
}
.full-row .span-22 {
  width: 137.5%;
  *width: 137.39%;
}
.full-row .span-23 {
  width: 143.75%;
  *width: 143.64%;
}
.full-row .span-24 {
  width: 150%;
  *width: 149.89%;
}
.full-row .center {
  left: auto;
}
@media only screen and (max-width: 768px) {
  /*
* 标识
*/
  body:after {
    content: 'Pad';
  }
  /*
* 栅格
*/
  .midd-1,
  .full-row .row .midd-1 {
    width: 4.25%;
  }
  .midd-2,
  .full-row .row .midd-2 {
    width: 10.5%;
  }
  .midd-3,
  .full-row .row .midd-3 {
    width: 16.75%;
  }
  .midd-4,
  .full-row .row .midd-4 {
    width: 23%;
  }
  .midd-5,
  .full-row .row .midd-5 {
    width: 29.25%;
  }
  .midd-6,
  .full-row .row .midd-6 {
    width: 35.5%;
  }
  .midd-7,
  .full-row .row .midd-7 {
    width: 41.75%;
  }
  .midd-8,
  .full-row .row .midd-8 {
    width: 48%;
  }
  .midd-9,
  .full-row .row .midd-9 {
    width: 54.25%;
  }
  .midd-10,
  .full-row .row .midd-10 {
    width: 60.5%;
  }
  .midd-11,
  .full-row .row .midd-11 {
    width: 66.75%;
  }
  .midd-12,
  .full-row .row .midd-12 {
    width: 73%;
  }
  .midd-13,
  .full-row .row .midd-13 {
    width: 79.25%;
  }
  .midd-14,
  .full-row .row .midd-14 {
    width: 85.5%;
  }
  .midd-15,
  .full-row .row .midd-15 {
    width: 91.75%;
  }
  .midd-16,
  .full-row .row .midd-16 {
    width: 98%;
  }
  .midd-17,
  .full-row .row .midd-17 {
    width: 104.25%;
  }
  .midd-18,
  .full-row .row .midd-18 {
    width: 110.5%;
  }
  .midd-19,
  .full-row .row .midd-19 {
    width: 116.75%;
  }
  .midd-20,
  .full-row .row .midd-20 {
    width: 123%;
  }
  .midd-21,
  .full-row .row .midd-21 {
    width: 129.25%;
  }
  .midd-22,
  .full-row .row .midd-22 {
    width: 135.5%;
  }
  .midd-23,
  .full-row .row .midd-23 {
    width: 141.75%;
  }
  .midd-24,
  .full-row .row .midd-24 {
    width: 148%;
  }
  /*
* 工具
*/
  .midd-hide {
    display: none;
  }
  .midd-center {
    clear: both;
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: -1%;
  }
  /*
* 无间距模式
*/
  .full-row .midd-1 {
    width: 6.25%;
  }
  .full-row .midd-2 {
    width: 12.5%;
  }
  .full-row .midd-3 {
    width: 18.75%;
  }
  .full-row .midd-4 {
    width: 25%;
  }
  .full-row .midd-5 {
    width: 31.25%;
  }
  .full-row .midd-6 {
    width: 37.5%;
  }
  .full-row .midd-7 {
    width: 43.75%;
  }
  .full-row .midd-8 {
    width: 50%;
  }
  .full-row .midd-9 {
    width: 56.25%;
  }
  .full-row .midd-10 {
    width: 62.5%;
  }
  .full-row .midd-11 {
    width: 68.75%;
  }
  .full-row .midd-12 {
    width: 75%;
  }
  .full-row .midd-13 {
    width: 81.25%;
  }
  .full-row .midd-14 {
    width: 87.5%;
  }
  .full-row .midd-15 {
    width: 93.75%;
  }
  .full-row .midd-16 {
    width: 100%;
  }
  .full-row .midd-17 {
    width: 106.25%;
  }
  .full-row .midd-18 {
    width: 112.5%;
  }
  .full-row .midd-19 {
    width: 118.75%;
  }
  .full-row .midd-20 {
    width: 125%;
  }
  .full-row .midd-21 {
    width: 131.25%;
  }
  .full-row .midd-22 {
    width: 137.5%;
  }
  .full-row .midd-23 {
    width: 143.75%;
  }
  .full-row .midd-24 {
    width: 150%;
  }
}
@media only screen and (max-width: 480px) {
  /*
* 标识
*/
  body:after {
    content: 'Mobile';
  }
  /*
* 栅格
*/
  .smal-1,
  .full-row .row .smal-1 {
    width: 4.25%;
  }
  .smal-2,
  .full-row .row .smal-2 {
    width: 10.5%;
  }
  .smal-3,
  .full-row .row .smal-3 {
    width: 16.75%;
  }
  .smal-4,
  .full-row .row .smal-4 {
    width: 23%;
  }
  .smal-5,
  .full-row .row .smal-5 {
    width: 29.25%;
  }
  .smal-6,
  .full-row .row .smal-6 {
    width: 35.5%;
  }
  .smal-7,
  .full-row .row .smal-7 {
    width: 41.75%;
  }
  .smal-8,
  .full-row .row .smal-8 {
    width: 48%;
  }
  .smal-9,
  .full-row .row .smal-9 {
    width: 54.25%;
  }
  .smal-10,
  .full-row .row .smal-10 {
    width: 60.5%;
  }
  .smal-11,
  .full-row .row .smal-11 {
    width: 66.75%;
  }
  .smal-12,
  .full-row .row .smal-12 {
    width: 73%;
  }
  .smal-13,
  .full-row .row .smal-13 {
    width: 79.25%;
  }
  .smal-14,
  .full-row .row .smal-14 {
    width: 85.5%;
  }
  .smal-15,
  .full-row .row .smal-15 {
    width: 91.75%;
  }
  .smal-16,
  .full-row .row .smal-16 {
    width: 98%;
  }
  .smal-17,
  .full-row .row .smal-17 {
    width: 104.25%;
  }
  .smal-18,
  .full-row .row .smal-18 {
    width: 110.5%;
  }
  .smal-19,
  .full-row .row .smal-19 {
    width: 116.75%;
  }
  .smal-20,
  .full-row .row .smal-20 {
    width: 123%;
  }
  .smal-21,
  .full-row .row .smal-21 {
    width: 129.25%;
  }
  .smal-22,
  .full-row .row .smal-22 {
    width: 135.5%;
  }
  .smal-23,
  .full-row .row .smal-23 {
    width: 141.75%;
  }
  .smal-24,
  .full-row .row .smal-24 {
    width: 148%;
  }
  /*
* 工具
*/
  .smal-hide {
    display: none;
  }
  .smal-show {
    display: block;
  }
  .smal-center {
    clear: both;
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: -1%;
  }
  /*
* 清除位移
*/
  [class*='pull-left-'],
  [class*='pull-right-'] {
    left: auto;
    right: auto;
  }
  /*
* 无间距模式
*/
  .full-row .smal-1 {
    width: 6.25%;
  }
  .full-row .smal-2 {
    width: 12.5%;
  }
  .full-row .smal-3 {
    width: 18.75%;
  }
  .full-row .smal-4 {
    width: 25%;
  }
  .full-row .smal-5 {
    width: 31.25%;
  }
  .full-row .smal-6 {
    width: 37.5%;
  }
  .full-row .smal-7 {
    width: 43.75%;
  }
  .full-row .smal-8 {
    width: 50%;
  }
  .full-row .smal-9 {
    width: 56.25%;
  }
  .full-row .smal-10 {
    width: 62.5%;
  }
  .full-row .smal-11 {
    width: 68.75%;
  }
  .full-row .smal-12 {
    width: 75%;
  }
  .full-row .smal-13 {
    width: 81.25%;
  }
  .full-row .smal-14 {
    width: 87.5%;
  }
  .full-row .smal-15 {
    width: 93.75%;
  }
  .full-row .smal-16 {
    width: 100%;
  }
  .full-row .smal-17 {
    width: 106.25%;
  }
  .full-row .smal-18 {
    width: 112.5%;
  }
  .full-row .smal-19 {
    width: 118.75%;
  }
  .full-row .smal-20 {
    width: 125%;
  }
  .full-row .smal-21 {
    width: 131.25%;
  }
  .full-row .smal-22 {
    width: 137.5%;
  }
  .full-row .smal-23 {
    width: 143.75%;
  }
  .full-row .smal-24 {
    width: 150%;
  }
}
